<template>
    <div>
       <div class="ha">
         <img :src="re.author.avatar_url" alt="">
            
                <!--用户名-->
                <span class="loginname">{{re.author.loginname}}</span>
                <!--几楼-->
               <slot></slot>
                
                <!--最后评论时间-->
                
                <span class="last_reply_at">{{re.create_at}}</span>
        </div> 
                <p class="room-title" v-html="re.content">
                    <!--标题-->
                </p>         
    </div>
</template>
<script>
    export default{
        props:['re']
    }
</script>
<style scoped>
    .ha{
        display: inline-block;
        /*height: 40px;*/
        /*margin-top: 10px;*/
        line-height: 40px;
        border-top: 1px solid #666;
        width: 100%;
    }
    .ha img{
        width: 25px;
        vertical-align: middle;
    }
    .loginname{
        font-size: 14px;
    }
</style>